@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

@mixin loading-effect {
	animation: loading-fade 1.6s ease-in-out infinite;
	background: var(--color-neutral-10);
}

.team-accept-invite .hosting-dashboard-layout__header-main {
	margin-inline: auto;
}

.team-accept-invite__heading {
	@include heading-x-large;

	margin-block-start: 48px;
	margin-block-end: 8px;
}

.team-accept-invite__subtitle {
	@include body-large;
	margin-block-end: 32px;
	color: var(--color-neutral-60);
}

a.team-accept-invite__link {
	color: var(--color-neutral-60);
	text-decoration: underline;
}

a.team-accept-invite__learn-more-button.is-link {
	color: var(--color-primary-50);
}


.team-accept-invite__title-placeholder {
	@include loading-effect;

	width: 300px;
	height: 43px;
}
